// Photos

function showPic(whichpic) {
  var source = whichpic.getAttribute("href");

  var placeholder = document.getElementById("placeholder");
  placeholder.setAttribute("src", source);

  if (whichpic.getAttribute("title")) {
    var text = whichpic.getAttribute("title");
  } else {
    var text = "";
  }

  var description = document.getElementById("description");
  if (description.firstChild.nodeType == 3) {
    description.firstChild.nodeValue = text;
  }

  return false;
}


function preparePlaceholder() {
  var placeholder = document.createElement("img");
  placeholder.setAttribute("id", "placeholder");
  placeholder.setAttribute("src", "images/placeholder.gif");
  placeholder.setAttribute("alt", "my image gallery");

  var description = document.createElement("p");
  description.setAttribute("id", "description");

  var desctext = document.createTextNode("Choose an image");
  description.appendChild(desctext);

  var gallery = document.getElementById("imagegallery");

  insertAfter(description, gallery);
  insertAfter(placeholder, gallery);
}


function prepareGallery() {
  var gallery = document.getElementById("imagegallery");
  var links = gallery.getElementsByTagName("a");

  for (var i = 0; i < links.length; i++) {
    links[i].onclick = function() {
      return showPic(this);
    }
  }
}

addLoadEvent(preparePlaceholder);
addLoadEvent(prepareGallery);
